<div class="row">
    <div class="col-md-12">
        <div class="panel panel-widget light bordered">
            <div class="panel-heading">
                <div class="caption">
                    <i class="fa fa-cogs"></i>分页条
                </div>
            </div>
            <div class="portlet-body">
                <nav>
                  <ul class="pagination">
                    <li>
                      <a href="#" aria-label="Previous">
                        <span aria-hidden="true">«</span>
                      </a>
                    </li>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li>
                      <a href="#" aria-label="Next">
                        <span aria-hidden="true">»</span>
                      </a>
                    </li>
                  </ul>
                </nav>
                <br/>
                <nav>
                    <ul class="pagination pagination-pills">
                      <li class="previous disabled"><a href="#">«</a></li>
                      <li class="next"><a href="#">»</a></li>
                    </ul>
                    <ul class="pagination pagination-pills">
                      <li class="previous"><a href="#">« 上一页</a></li>
                      <li class="next disabled"><a href="#">下一页 »</a></li>
                    </ul>
                    <ul class="pagination pagination-pills">
                      <li class="previous disabled"><a href="#">«</a></li>
                      <li class="active"><a href="#">1</a></li>
                      <li><a href="#">2</a></li>
                      <li><a href="#">3</a></li>
                      <li><a href="#">4</a></li>
                      <li><a href="#">5</a></li>
                      <li class="next"><a href="#">»</a></li>
                    </ul>
                    <ul class="pagination pagination-pills">
                      <li class="previous"><a href="#">«</a></li>
                      <li><a href="#">1</a></li>
                      <li><a href="###" data-toggle="pager" data-placement="top">...</a></li>
                      <li><a href="#">8</a></li>
                      <li><a href="#">9</a></li>
                      <li><a href="#">10</a></li>
                      <li><a href="#">11</a></li>
                      <li class="active"><a href="#">12</a></li>
                      <li class="next disabled"><a href="#">»</a></li>
                    </ul>
                  </nav>
                  <ul class="pagination pagination-loose">
                    <li class="previous disabled"><a href="#">«</a></li>
                    <li class="next"><a href="#">»</a></li>
                  </ul>
                  <ul class="pagination pagination-loose">
                    <li class="previous"><a href="#">« 上一页</a></li>
                    <li class="next disabled"><a href="#">下一页 »</a></li>
                  </ul>
                  <ul class="pagination pagination-loose">
                    <li class="previous disabled"><a href="#">«</a></li>
                    <li class="active"><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li class="next"><a href="#">»</a></li>
                  </ul>
                  <ul class="pagination pagination-loose">
                    <li class="previous"><a href="#">«</a></li>
                    <li><a href="#">1</a></li>
                    <li><a href="###" data-toggle="pager" data-placement="top">...</a></li>
                    <li><a href="#">8</a></li>
                    <li><a href="#">9</a></li>
                    <li><a href="#">10</a></li>
                    <li><a href="#">11</a></li>
                    <li class="active"><a href="#">12</a></li>
                    <li class="next disabled"><a href="#">»</a></li>
                  </ul>
                  <ul class="pagination pagination-loose pagination-pills">
                    <li class="previous disabled"><a href="#">«</a></li>
                    <li class="next"><a href="#">»</a></li>
                  </ul>
                  <ul class="pagination pagination-loose pagination-pills">
                    <li class="previous"><a href="#">« 上一页</a></li>
                    <li class="next disabled"><a href="#">下一页 »</a></li>
                  </ul>
                  <ul class="pagination pagination-loose pagination-pills">
                    <li class="previous disabled"><a href="#">«</a></li>
                    <li class="active"><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li class="next"><a href="#">»</a></li>
                  </ul>
                  <ul class="pagination pagination-loose pagination-pills">
                    <li class="previous"><a href="#">«</a></li>
                    <li><a href="#">1</a></li>
                    <li><a href="###" data-toggle="pager" data-placement="top">...</a></li>
                    <li><a href="#">8</a></li>
                    <li><a href="#">9</a></li>
                    <li><a href="#">10</a></li>
                    <li><a href="#">11</a></li>
                    <li class="active"><a href="#">12</a></li>
                    <li class="next disabled"><a href="#">»</a></li>
                  </ul>
            </div>
        </div>
    </div>
    <div class="col-md-6 ">

    </div>
</div>
